<template>
  <div>
    <template>
      <div class="container">
        <van-nav-bar
          title="购物车"
          left-text="返回"
          left-arrow
          @click-left="$router.go(-1)"
        />

        <!-- 列表组件 -->
        <van-sticky :offset-top="46">
          <van-list />
          <div class="log" @click="$router.replace('/login')">请先登录</div>
          <!-- 底部导航组件 -->
          <Buttom-Tabbar></Buttom-Tabbar>
        </van-sticky>
      </div>
    </template>
  </div>
</template>

<script>
</script>

<style scoped>
.container {
  height: 750px;
  background: linear-gradient(#ffcc33 20%, #f0f0f0 30%) !important;
}
.goods-card {
  margin: 0;
  background-color: white;
}
.van-list {
  height: 430px;

  flex-grow: 1;
  overflow: auto;
}
.van-nav-bar {
  background-color: yellowgreen;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
}
.left-thumb {
  display: flex;
}
.van-submit-bar {
  margin-bottom: 50px;
}
.log {
  width: 200px;
  height: 40px;
  background-color: yellow;
  cursor: pointer;
  font-weight: 400;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
</style>
